@import '../../global.less';

.form, .value {
  width: 100%;
  .flexContainer;
}
.form {
  .flexContainer(4px);
  :global(.iconfont) {
    flex: none;
    margin: 0;
    font-size: 14px;
    line-height: 14px;
    cursor: pointer;
  }
  .confirm {
    color: @success;
  }
  .cancel {
    color: @error;
  }
  & > *:first-child {
    flex: auto;
  }
}
.value {
  cursor: pointer;
  .placeholder {
    color: @tip_text;
    opacity: 0.5;
  }
}
.value.noEdit {
  cursor: not-allowed;
}
.value.showBorder {
   border: 1px solid #d9d9d9;
   padding: 7px 11px;
   border-radius: 2px;
   position: relative;
   background-color: #fff;
   transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
